<!DOCTYPE html>
<html>
<head>
	<title>TG</title>
	<meta name="description" content="" />
	
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
	
	<!--[if lt IE 9]>
	<script src="./js/libs/html5shiv.min.js"></script>
	<script src="./js/libs/modernizr.custom.js"></script>
	<![endif]-->
	
	<!--[if !IE]><!--><script>  
	if (window.navigator.msPointerEnabled) {
		document.documentElement.className+='ie_10_11';
	}
	</script><!--<![endif]-->
	
	<link href="./styles/style.css" rel="stylesheet" />
	<!--[if lte IE 9]>
	<link href="./styles/ie.css" rel="stylesheet" />
	<![endif]-->
	
	
	<script src="./js/libs/jquery-1.11.0.min.js"></script>
	<script src="./js/libs/jquery.imagesloaded.min.js"></script>
	<script src="./js/libs/retina-1.1.0.min.js"></script>
</head>
<body>

<section class="container">
	<!-- HEADER -->
	<header>
		<section class="outer_1">
			<div class="inner">
				<div class="group_1">
					<div class="user_menu">
						<div class="enter">
							<a href="#"><span>Вход</span></a>
							<a href="#"><span>Регистрация</span></a>
						</div>
						<div class="exit">
							<a href="#"><span>Name LastName</span></a>
							<a href="#"><span>Выйти</span></a>
						</div>
						<div class="login_container">
							<input type="text" name="q" placeholder="e-mail" class="textfield left" style=""/>
							<input type="text" name="q" placeholder="пароль" class="textfield right" style=""/>
							<div>
							
							</div>
							<a href="#" style=""><span>Войти</span></a>
							<span style="" class="separate"> | </span>
							<a href="#" style="" class="forgot" ><span>Забыли пароль?</span></a>
						</div>						
					</div>
					<ol class="region">
						<li><a href="#">АР Крым</a></li>
						<li class="active"><a href="#">Симферополь</a></li>
					</ol>
				</div>
				<div class="group_2 counters">
					Предприятий: <b>100500</b>
					Просмотров за месяц: <b>238840</b>
				</div>
			</div>
		</section>
		
		<section class="outer_2">
			<div class="inner">
				<div class="group_1">
					<a href="./" class="logo"><img src="./img/logos/header.png" alt="Твой Город" />КАТАЛОГ ПРЕДПРИЯТИЙ</a>
				</div>
				<div class="group_2">
					<div class="width_outer">
						<form method="get" action="">
							<input type="text" name="q" placeholder="Поиск" class="textfield" />
							<input type="submit" value="&nbsp;" class="submit" />
						</form>
						<div class="add_firm"><a href="#"><span>Новая фирма</span></a></div>
					</div>
				</div>
				<nav class="group_3">
					<ul class="menu">
						<li class="products">
							<a href="#"><span>Товары</span></a>
						</li>
						<li class="services">
							<a href="#"><span>Услуги</span></a>
						</li>
					</ul>
				</nav>
			</div>
		</section>
	</header>
	
	<section class="outer">
			<section class="menu_category">
				<h3 class="name_menu_category">Продукты</h3>
				<ul class="container_menu_category">
					<li class="group_menu_category">
						<span class="name_group_menu_category">СТРОИТЕЛЬСТВО И ДИЗАЙН</span>
						<ul  class="subgroup_menu_category">
							<li class="item_menu_category">
								<a>
									<span>Cтройматериалы</span>
								</a>
							</li>
							<li class="item_menu_category">
								<a class="active_menu_category_item">
									<span>Cтройматериалы</span>
								</a>
							</li>
							<li class="item_menu_category">
								<a>
									<span>Cтройматериалы</span>
								</a>
							</li>
							<li class="item_menu_category">
								<a>
									<span>Cтройматериалы</span>
								</a>
							</li>
							<li class="item_menu_category">
								<a>
									<span>Cтройматериалы</span>
								</a>
							</li>
							<li class="item_menu_category">
								<a>
									<span>Cтройматериалы</span>
								</a>
							</li>
						</ul>
					</li>
					<li class="group_menu_category">
						<span class="name_group_menu_category">СТРОИТЕЛЬСТВО И ДИЗАЙН</span>
						<ul  class="subgroup_menu_category">
							<li class="item_menu_category">
								<a>
									<span>Cтройматериалы</span>
								</a>
							</li>
							<li class="item_menu_category">
								<a>
									<span>Cтройматериалы</span>
								</a>
							</li>
							<li class="item_menu_category">
								<a>
									<span>Cтройматериалы</span>
								</a>
							</li>
							<li class="item_menu_category">
								<a>
									<span>Cтройматериалы</span>
								</a>
							</li>
							<li class="item_menu_category">
								<a>
									<span>Cтройматериалы</span>
								</a>
							</li>
							<li class="item_menu_category">
								<a>
									<span>Cтройматериалы</span>
								</a>
							</li>
						</ul>
					</li>
				</ul>
			</section>
      
      
			<section class="list_firms">
				<div class="">
					<div class="top_category" >						
						<div class="pager_container">
							
							<ul  class="">
								<li class="first_page">
									<a  class="disabled">
										<span></span>
									</a>
								</li>
								<li class="previus_page ">
									<a class="disabled">
										<span></span>
									</a>
								</li>
								<li class="active">
									<a>
										<span>1</span>
									</a>
								</li>
								<li class="">
									<a>
										<span>2</span>
									</a>
								</li>
								<li class="">
									<a>
										<span>3</span>
									</a>
								</li>
								<li class="">
									<a>
										<span>4</span>
									</a>
								</li>
								<li class="">
									<a>
										<span>5</span>
									</a>
								</li>
								<li class="next_page">
									<a>
										<span></span>
									</a>
								</li>
								<li class="last_page">
									<a>
										<span></span>
									</a>
								</li>
							</ul>
						</div>
						<h2 class="name_menu_category">Строительство и дизайн </h2>						
					</div>					
				</div>
				<div class="breadcrumbs_category" >
						<ol class="brdcrm_region">
							<li><a href="#">Главная</a></li>
							<li><a href="#">Продукты</a></li>
							<li><a href="#">Строительство и дизайн</a></li>
							<li class="active"><a href="#">Стройматериалы</a></li>
						</ol>
					</div>
				<div class="container_firms">
					<ul class="firms">
						<li class="firm_item">
							<div class="top_content">
								<div class="left_content_info">
									<div class="top_name">
										<span>
											<a>Markanent</a>
										</span>
										
									</div>
									<div class="unwind">
										<span> lbhkd'  hodl; dgh gk hlkdhkdlg lgdh;fkghkg lhg l;hk l;dfkg hotfgkh hdfkhl;kghkogdhk k hk l;gkl;hkhik'd fhklho[ghk ldkfhl;kkhgodfkhkhf</span>
									</div>
									<div class="bread_crb"> 
										<ol class="region_item">
											<li><a href="#">АР Крым</a></li>
											<li><a href="#">Симферополь</a></li>
											<li class="active"><a href="#">Пр.Кирова 27</a></li>
										</ol>
									</div>
								</div>
								<div class="separate"></div>
								<div class="right_content_info"></div>
							</div>
							<div class="bottom_content">
								<div class="phone_section">
									<span>46465-4654-64456</span>
								</div>
								<div class="mail_section">
									<a>
										<span>gsfkdgfksd@mail.ru</span>
									</a>									
								</div>
								<div class="site_section">
									<a>
										<span>www.dsfsdfdf.com</span>
									</a>
								</div>
							</div>
						</li>
						<li class="firm_item">
							<div class="top_content">
								<div class="left_content_info">
									<div class="top_name">
										<span>
											<a>Markanent</a>
										</span>
										
									</div>
									<div class="unwind">
										<span> lbhkd'  hodl; dgh gk hlkdhkdlg lgdh;fkghkg lhg l;hk l;dfkg hotfgkh hdfkhl;kghkogdhk k hk l;gkl;hkhik'd fhklho[ghk ldkfhl;kkhgodfkhkhf</span>
									</div>
									<div class="bread_crb"> 
										<ol class="region_item">
											<li><a href="#">АР Крым</a></li>
											<li><a href="#">Симферополь</a></li>
											<li class="active"><a href="#">Пр.Кирова 27</a></li>
										</ol>
									</div>
								</div>
								<div class="separate"></div>
								<div class="right_content_info"></div>
							</div>
							<div class="bottom_content">
								<div class="phone_section">
									<span>46465-4654-64456</span>
								</div>
								<div class="mail_section">
									<a>
										<span>gsfkdgfksd@mail.ru</span>
									</a>									
								</div>
								<div class="site_section">
									<a>
										<span>www.dsfsdfdf.com</span>
									</a>
								</div>
							</div>
						</li>
						<li class="firm_item">
							<div class="top_content">
								<div class="left_content_info">
									<div class="top_name">
										<span>
											<a>Markanent</a>
										</span>
										
									</div>
									<div class="unwind">
										<span> lbhkd'  hodl; dgh gk hlkdhkdlg lgdh;fkghkg lhg l;hk l;dfkg hotfgkh hdfkhl;kghkogdhk k hk l;gkl;hkhik'd fhklho[ghk ldkfhl;kkhgodfkhkhf</span>
									</div>
									<div class="bread_crb"> 
										<ol class="region_item">
											<li><a href="#">АР Крым</a></li>
											<li><a href="#">Симферополь</a></li>
											<li class="active"><a href="#">Пр.Кирова 27</a></li>
										</ol>
									</div>
								</div>
								<div class="separate"></div>
								<div class="right_content_info"></div>
							</div>
							<div class="bottom_content">
								<div class="phone_section">
									<span>46465-4654-64456</span>
								</div>
								<div class="mail_section">
									<a>
										<span>gsfkdgfksd@mail.ru</span>
									</a>									
								</div>
								<div class="site_section">
									<a>
										<span>www.dsfsdfdf.com</span>
									</a>
								</div>
							</div>
						</li>
						
						<li class="firm_item">
							<div class="top_content">
								<div class="left_content_info">
									<div class="top_name">
										<span>
											<a>Markanent</a>
										</span>
										
									</div>
									<div class="unwind">
										<span> lbhkd'  hodl; dgh gk hlkdhkdlg lgdh;fkghkg lhg l;hk l;dfkg hotfgkh hdfkhl;kghkogdhk k hk l;gkl;hkhik'd fhklho[ghk ldkfhl;kkhgodfkhkhf</span>
									</div>
									<div class="bread_crb"> 
										<ol class="region_item">
											<li><a href="#">АР Крым</a></li>
											<li><a href="#">Симферополь</a></li>
											<li class="active"><a href="#">Пр.Кирова 27</a></li>
										</ol>
									</div>
								</div>
								<div class="separate"></div>
								<div class="right_content_info"></div>
							</div>
							<div class="bottom_content">
								<div class="phone_section">
									<span>46465-4654-64456</span>
								</div>
								<div class="mail_section">
									<a>
										<span>gsfkdgfksd@mail.ru</span>
									</a>									
								</div>
								<div class="site_section">
									<a>
										<span>www.dsfsdfdf.com</span>
									</a>
								</div>
							</div>
						</li>
						<li class="firm_item">
							<div class="top_content">
								<div class="left_content_info">
									<div class="top_name">
										<span>
											<a>Markanent</a>
										</span>
										
									</div>
									<div class="unwind">
										<span> lbhkd'  hodl; dgh gk hlkdhkdlg lgdh;fkghkg lhg l;hk l;dfkg hotfgkh hdfkhl;kghkogdhk k hk l;gkl;hkhik'd fhklho[ghk ldkfhl;kkhgodfkhkhf</span>
									</div>
									<div class="bread_crb"> 
										<ol class="region_item">
											<li><a href="#">АР Крым</a></li>
											<li><a href="#">Симферополь</a></li>
											<li class="active"><a href="#">Пр.Кирова 27</a></li>
										</ol>
									</div>
								</div>
								<div class="separate"></div>
								<div class="right_content_info"></div>
							</div>
							<div class="bottom_content">
								<div class="phone_section">
									<span>46465-4654-64456</span>
								</div>
								<div class="mail_section">
									<a>
										<span>gsfkdgfksd@mail.ru</span>
									</a>									
								</div>
								<div class="site_section">
									<a>
										<span>www.dsfsdfdf.com</span>
									</a>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<div class="bottom_category"></div>
				</div>
			</section>		
	</section>
	
	<div class="city"></div>
</section>

<!-- FOOTER -->
<footer>
	<div class="inner">
		<div class="logo"><a href="./"><img src="./img/logos/footer.png" alt="Твой Город" /></a></div>
		<div class="copyright">&copy; Все права защищены.</div>
		<nav class="menu">
			<ul>
				<li><a href="#">О нас</a></li>
				<li><a href="#">Контакты</a></li>
				<li><a href="#">Правила пользования</a></li>
			</ul>
		</nav>
	</div>
</footer>
<!-- END FOOTER -->

<script src="./js/scripts.js"></script>
</body>
</html>